﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="SubmitIT.index" %>

<%@ Register Assembly="MetaBuilders.WebControls" Namespace="MetaBuilders.WebControls"
    TagPrefix="mb" %>

<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI" TagPrefix="asp" %>

<!-- Register Flyout component -->
<%@ Register TagPrefix="obout" Namespace="OboutInc.Flyout2" Assembly="obout_Flyout2_NET"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<%--<script src="src/dropdown.js" type="text/javascript"></script>--%>
	<title>Submit IT - Sistema Gerenciador de Congressos</title>

    <script type="text/javascript" src="javascript/prototype.js"></script>
	<script type="text/javascript" src="javascript/effects.js"></script>
	<script type="text/javascript" src="javascript/lightwindow.js"></script>
    <script type="text/javascript" src="javascript/myLightWindow.js"></script>
    
    <script type="text/javascript">
    function showAutenticacao() {
        $('pnlAutenticacao').show();
        $('txtEmail').focus();
    }
    
    function hideAutenticacao() {
        $('pnlAutenticacao').hide(); 
    }
    
     function showCadastro() {
        $('pnlCadastro').show();
        $('txtNome').focus();
    }
    
    function hideCadastro() {
        $('pnlCadastro').hide(); 
    }
    
    function checkPasswords() {
        if($('txtSenhaCadastro').value == $('txtConfirmSenhaCadastro').value) {
            $('lblErroSenhas').hide();
        } else {
            $('lblErroSenhas').show();
        }
    }
    
    </script>
    
</head>

<body class="principal-body">
    <form id="form1" runat="server">

    
<div id="masthead">

	<h1><a href="index.aspx">Submit IT</a></h1>

    
	<div id="mastheadBox">
		<h2>Sistema Gerenciador de Congressos</h2>
		<p>Através deste aplicativo Web você estará mais perto dos Congressos da IFIP</p>
	    <div style="float:right; ">
	    <input type="button" class="submit" value="Cadastre-se" onclick="showCadastro();" />
	    </div>
	    <div style="float:right; margin-right: 5px;">
	    <input id="btnAutenticacao" type="button" class="submit" value="Autenticação" onclick="showAutenticacao();" />
	    </div>
	</div>
</div>

<ul id="nav">
	<li><a href="index.aspx">Página Inicial</a></li>
	<li class="menu sfHover"><a href="#">Congressos</a></li>
</ul>

<ul id="breadCrumbs">
	<li><a href="#">Página Inicial</a></li>
	<li>Informações Gerais</li>
</ul>

<!-- Begin Main Column -->

  
<div id="mainContent">
	
	 <div id="pnlAutenticacao" runat="server" style="display: none;" class="principal-content index-box">
            <div style="margin-bottom: 10px; text-decoration: underline; cursor: pointer;" onclick="hideAutenticacao();">
                <asp:Label ID="lblFechar" runat="server" Text="fechar"></asp:Label>
            </div>
            <h2>
                Autenticação de Usuário:</h2>
            <div class="content-principal-formfield">
                <asp:Label ID="lblEmail" CssClass="content-principal-span" runat="server" Text="Email:"></asp:Label>
                <asp:TextBox ID="txtEmail" runat="server" Text="" MaxLength="25"></asp:TextBox>
            </div>
            <div class="content-principal-formfield">
                <asp:Label ID="lblSenha" CssClass="content-principal-span" runat="server" Text="Senha:"></asp:Label>
                <asp:TextBox ID="txtSenha" runat="server" Text="" MaxLength="25" TextMode="Password"></asp:TextBox>
            </div>
            
            <asp:Label ID="lblErro" CssClass="content-erro" runat="server" Text="Login ou senha inválidos."
                Visible="false"></asp:Label>
                
            <div class="content-principal-formfield">
                <asp:Button ID="btnAutenticar" runat="server" Text="Autenticar" CssClass="submit" OnClick="btnAutenticar_Click" />
            </div>
        </div>
	
	
	    <div id="pnlCadastro" runat="server" style="display: none" class="principal-content index-box">
	        <div style="margin-bottom: 10px; text-decoration: underline; cursor: pointer;" onclick="hideCadastro();">
                <asp:Label ID="lblFecharCadastro" runat="server" Text="fechar"></asp:Label>
            </div>
	        
	        <h2>Cadastro Rápido de Usuário:</h2>
	
			
			<div class="content-principal-formfield">
			    <asp:Label ID="lblNome" CssClass="content-principal-span" runat="server" Text="Nome:"></asp:Label>
    			<asp:TextBox ID="txtNome" runat="server" Text="" MaxLength="25"></asp:TextBox>
			</div>
			
			<div class="content-principal-formfield">
			    <asp:Label ID="lblEmailCadastro" CssClass="content-principal-span" runat="server" Text="Email:"></asp:Label>
			    <asp:TextBox ID="txtEmailCadastro" runat="server" Text="" MaxLength="25"></asp:TextBox>
			</div>
			
			
			<div class="content-principal-formfield">
			    <asp:Label ID="lblSenhaCadastro" CssClass="content-principal-span" runat="server" Text="Senha:"></asp:Label>
			    <asp:TextBox ID="txtSenhaCadastro" onkeyup="checkPasswords();" runat="server" Text="" MaxLength="25" TextMode="Password"></asp:TextBox>
			</div>
			
			<div class="content-principal-formfield">
			    <asp:Label ID="lblConfirmSenhaCadastro" CssClass="content-principal-span" runat="server" Text="Confirmação de Senha:"></asp:Label>
			    <asp:TextBox ID="txtConfirmSenhaCadastro" onkeyup="checkPasswords();" runat="server" Text="" MaxLength="25" TextMode="Password"></asp:TextBox>
			</div>
			
			<span id="lblErroSenhas" class="content-erro" style="display: none;" >Senhas não conferem.</span>
			
            <asp:Label ID="lblErroCadastro" CssClass="content-erro" runat="server" Text="Cadastro inválido."
                Visible="false"></asp:Label>
            
            <asp:Panel ID="pnlCadastroSucesso" Visible="false" runat="server">
                <span id="lblCadastroSucesso" class="content-sucesso">Cadastro efetuado com Sucesso.</span>
                <div style="margin-bottom: 10px; text-decoration: underline; cursor: pointer;" onclick="hideCadastro(); showAutenticacao();">
                    <asp:Label ID="lblAbrirAutenticacao" runat="server" Text="Clique aqui para autenticação."></asp:Label>
                </div>
            </asp:Panel>
            
            <div class="content-principal-formfield">
			    <asp:Button ID="btnCadastrar" runat="server" Text="Cadastre" CssClass="submit" OnClick="btnCadastrar_Click" />
			</div> 
	        
	        
	    </div>

	
	<h2>Informações gerais da IFIP</h2>
	
	<p>Informações gerais da IFIP</p>
	
	<p>Informações gerais da IFIP</p>
	
	<p>Informações gerais da IFIP</p>
	
	<p>Informações gerais da IFIP</p>
	
	<p>Informações gerais da IFIP</p>
	
	<p>Informações gerais da IFIP</p>
	
	<p>Informações gerais da IFIP</p>
	
	<%--<p>Feel free to do whatever you want with this template as long as you leave my credit at the bottom of each page. This template is being released to the public under the <a rel="license" href="http://creativecommons.org/licenses/by/3.0/us/">Creative Commons Attribution 3.0 United States License</a>.</p>
	
	<p>Click on 'Servers' or any of its sub-links to see a second layout.</p>
	
	<!--[if IE 6]>
	<p><strong>IE6 users, there are drop down menus under each link that you can't see because your browser is not standards compliant. The drop downs for this site require a small bit of javascript in order to function in your browser (see below). Either way, I suggest you upgrade!</strong></p>
	<![endif]-->
	
	<p>Distinctively parallel task resource sucking web services without economically sound web-readiness. Phosfluorescently redefine <a href="#">out-of-the-box</a> best practices before timely expertise. Efficiently re-engineer inexpensive e-tailers with focused customer service.</p> 
	
	<p>Enthusiastically synergize ubiquitous benefits for interactive methodologies. Credibly visualize integrated experiences through vertical best practices.</p>
	
	<h3>Why I love managed servitude</h3>
	
	<p>Enthusiastically synergize ubiquitous benefits for interactive methodologies. Credibly visualize integrated experiences through vertical best practices.</p>
	
	<p>An example of a blockquote:</p>
	--%>
	
	<h3>Informações de Próximos Congressos</h3>
	
	<blockquote><p>Informações de Próximos Congressos Informações de Próximos Congressos Informações de Próximos Congressos Informações de Próximos Congressos Informações de Próximos Congressos Informações de Próximos Congressos Informações de Próximos Congressos Informações de Próximos Congressos Informações de Próximos Congressos Informações de Próximos Congressos Informações de Próximos Congressos Informações de Próximos Congressos Informações de Próximos Congressos Informações de Próximos Congressos Informações de Próximos Congressos </p></blockquote>
	
	<%--<p>Appropriately target fully researched methodologies with efficient functionalities. Progressively customize open-source bandwidth and fully researched core competencies. Proactively predominate 24/365 scenarios before end-to-end interfaces.</p>
	
	<p>In order for the drop down menu to work in IE6, you will need to add the following javascript to a file named dropdown.js in the src folder of this website: (for more info on the drop down and this javascript code, read about the <a href="http://www.htmldog.com/articles/suckerfish/dropdowns/">Son of Suckerfish Dropdowns</a>)</p>
	
	<textarea id="suckerfish" rows="4" cols="20">
<!-- This javascript has been commented out to pass W3C validation. You don't need to comment yours out when it's in an external file!
		
		sfHover = function() {
			var sfEls = document.getElementById("nav").getElementsByTagName("LI");
			for (var i=0; i<sfEls.length; i++) {
				sfEls[i].onmouseover=function() {
					this.className+=" sfhover";
				}
				sfEls[i].onmouseout=function() {
					this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
				}
			}
		}
		if (window.attachEvent) window.attachEvent("onload", sfHover);
		
-->
	</textarea> 
	
	<p>Synergistically unleash mission-critical paradigms through integrated models. Proactively evolve fully tested meta-services without enterprise-wide testing procedures. Appropriately exploit resource sucking web-readiness without clicks-and-mortar action items. </p>
	
	<p>An example of a list:</p>
	
	<ul>
		<li>List item</li>
		<li>Another item</li>
		<li>Yet another item</li>
	</ul>
	
	<p>Completely network distributed networks vis-a-vis go forward data. Intrinsicly reintermediate principle-centered architectures vis-a-vis leading-edge solutions. Energistically plagiarize visionary quality vectors for exceptional networks.</p>
	
	<p>Collaboratively actualize plug-and-play outsourcing and maintainable applications. Distinctively simplify front-end platforms before backward-compatible relationships.</p>
	--%>
	
</div>



<!-- Begin Side Column -->

<div id="secondaryContent">
	
	<div class="secondaryContentBox">
	
		<h2>Entre em contato</h2>
	
		<p>Dúvidas, sugestões, reclamações,  entre em contato diretamente.</p> 
	
		<p><span title="Phone">t:</span> 0800.0800</p>
	
		<p><span title="Email">e:</span> <a href="mailto:email@sample.com">suporte@sgc.com</a></p>

	</div>

	<blockquote>
		<p>Transition future-proof bandwidth without mission-critical relationships. Quickly customize client-centered platforms for market positioning partnerships.</p>
	</blockquote>
	
	<p class="source">- Lorem Ipsum<br />Acme Industries</p>

</div>

<!-- Begin Footer -->

<ul id="footer">
	<li>&copy; Submit IT - Sistema Gerenciador de Congressos</li>
	<li><a href="#">Contate nos</a></li>
	<li><a href="#">Políticas de Privacidade</a></li>
	<li><a href="#">Termos de Serviço</a></li>
</ul>
        <!-- Create Flyout with basic styles -->
        <%--<obout:Flyout runat="server" ID="FlyoutAutenticacao" AttachTo="btnAutenticacao" OpenEvent="NONE"
            CloseEvent="NONE">
            <div class="principal-content autenticacao">
                <div style="margin-bottom: 10px; text-decoration: underline; cursor: pointer;" onclick="<%=FlyoutAutenticacao.getClientID()%>.Close();">
                    <asp:Label ID="lblFechar" runat="server" Text="fechar"></asp:Label>
                </div>
                <h2>
                    Autenticação de Usuário:</h2>
                <div class="content-principal-formfield">
                    <asp:Label ID="lblEmail" CssClass="content-principal-span" runat="server" Text="Email:"></asp:Label>
                    <asp:TextBox ID="txtEmail" runat="server" Text="" MaxLength="25"></asp:TextBox>
                </div>
                <div class="content-principal-formfield">
                    <asp:Label ID="lblSenha" CssClass="content-principal-span" runat="server" Text="Senha:"></asp:Label>
                    <asp:TextBox ID="txtSenha" runat="server" Text="" MaxLength="25" TextMode="Password"></asp:TextBox>
                </div>
                <asp:Label ID="lblErro" CssClass="content-erro" runat="server" Text="Login ou senha inválidos."
                    Visible="false"></asp:Label>
                <div class="content-principal-formfield">
                    <asp:Button ID="btnAutenticar" runat="server" Text="Autenticar" CssClass="submit"
                        OnClick="btnAutenticar_Click" />
                </div>
            </div>
        </obout:Flyout>--%>
    
    </form>
    
</body>
</html>
